<template>
  <div class="page-container">
    <page-header title="合同立项"></page-header>

    <div class="page-card">
      <a-form>
        <a-form-item label="预编号" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-input placeholder="请输入预编号" value="GC2028855539299" />
        </a-form-item>

        <a-form-item label="合同名称" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-input placeholder="请输入合同名称" value="中国能源有限公司OA项目合同（1） " />
        </a-form-item>

         <a-form-item label="归属项目" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-input placeholder="请输入归属项目" value="中国能源有限公司OA项目 " />
        </a-form-item>

        <a-form-item label="合同类型" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择合同类型" :defaultValue="'1'">
            <a-select-option value="1">
              产品实施类1
            </a-select-option>

            <a-select-option value="2">
              产品实施类2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="合同模板" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择合同模板" :defaultValue="'1'">
            <a-select-option value="1">
              产品实施类模版1
            </a-select-option>

            <a-select-option value="2">
              产品实施类模版2
            </a-select-option>
          </a-select>
        </a-form-item>


        <a-form-item label="项目时间" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-range-picker style="width: 100%" :placeholder="['开始时间','结束时间']">
          </a-range-picker>
        </a-form-item>

        <a-form-item label="优先级" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择优先级">
            <a-select-option value="1">
              优先
            </a-select-option>

            <a-select-option value="2">
              不优先
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="紧急程度" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择紧急程度">
            <a-select-option value="1">
              紧急
            </a-select-option>

            <a-select-option value="2">
              不紧急
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="合同负责人" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择合同负责人">
            <a-select-option value="1">
              负责人1
            </a-select-option>

            <a-select-option value="2">
              负责人2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="监控人" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择监控人">
            <a-select-option value="1">
              监控人1
            </a-select-option>

            <a-select-option value="2">
              监控人2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="参与人" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择参与人">
            <a-select-option value="1">
              参与人1
            </a-select-option>

            <a-select-option value="2">
              参与人2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="签约方" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择签约方" mode="multiple">
            <a-select-option value="1">
             签约方1
            </a-select-option>

            <a-select-option value="2">
              签约方2
            </a-select-option>
          </a-select>
        </a-form-item>

        <a-form-item label="材料附件" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-select placeholder="请选择材料附件" mode="multiple">
            <a-select-option value="1">
              材料附件1
            </a-select-option>

            <a-select-option value="2">
              材料附件2
            </a-select-option>
          </a-select>
        </a-form-item>

        

        <a-form-item label="条款" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-textarea placeholder="请输入条款" :rows="6" />
        </a-form-item>

        <a-form-item label="合同说明" :label-col="{ span: 2 }" :wrapper-col="{ span: 10 }">
          <a-textarea placeholder="请输入合同说明" :rows="6" />
        </a-form-item>

        <a-form-item :wrapper-col="{ offset: 2 }">
          <a-space align="end" style="width: 100%;">
            <a-button>
              存为草稿
            </a-button>

            <a-button type="primary">
              申请立项
            </a-button>
          </a-space>
        </a-form-item>
      </a-form>

      </a-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'projectForm',
  data () {
    return {};
  },
  mounted () {

  },
  methods: {}
};
</script>

<style lang="scss" scoped>
</style>
